// <!------------------------------- 与客户端交互的处理 ------------------------------->
$(function () {
    connection_ios(function (bridge) {
        link_click(bridge);
    });
});
// 猜你喜欢 跳转更多页面
function link_click(bridge) {
    $(document).on("click", ".a_link_more", function () {
        bridge.callHandler('checkMoreArticle', {}, {});
    });
}


// <!------------------------------- 初始化以及事件调用 ------------------------------->

var screenWidth;
var currentItem;// 当前点击的item
var useCapNum = 0;// 当前选中的使用的猫币

$(function () {

    screenWidth = document.body.clientWidth;

    // 点击空白购买隐藏
    $(".mask").click(function () {
        buyHidden();
        myAlerthide();
        hideRule();
    });
    // 点击活动规则
    $(".btn_rule").click(function () {
        showRule();
    });
    // 点击购买 弹出div
//	$(document).on("click", ".prizeItem", function() {
//		buyShow($(this));
//	});
    $(".prizeItem").click(function () {
        buyShow($(this));
    });

    // 当选中奖品的时候触发使用金额的变化
    $(document).on("click", ".rewards > div > .item", function () {
        changeMoney_item($(this));
    });

    // 当选择奖品倍数时触发当前使用金额的变化
    $(document).on("change", ".buy > .edit > select", function () {
        changeMoney_select($(this));
    });

    // 点击对应奖品的时候单选框选中
    $(document).on("click", ".rad", function () {
        changeMoney_radio($(this));
    });
    // 订单提交
    $(document).on("click", ".btn_submit", function () {
        buySubmit($(this));
    });
});
// <!------------------------------- 方法定义 ------------------------------->
// 当选中奖品的时候触发使用金额的变化
function changeMoney_item(btn) {
    $(".rad").removeAttr("checked");
    var radio = $(btn).find(".rad");
    $(radio).attr("checked", "checked");
    var capNum = $(radio).attr("capNum");
    useCapNum = capNum;
    var currentBuy = $(btn).parent().parent().parent().parent();
    var optionId = $(btn).attr("optionId");
    setCapNum(currentBuy, capNum, optionId);
}
// 当选择奖品倍数时触发当前使用金额的变化
function changeMoney_select(btn) {
    var num = $(btn).val();
    var capNum = parseInt(useCapNum) * parseInt(num);
    var currentBuyDiv = $(btn).parent().parent();
    setCapNum(currentBuyDiv, capNum);
}
// 点击对应奖品的时候单选框选中
function changeMoney_radio(btn) {
    $(".rad").removeAttr("checked");
    var capNum = $(btn).attr("capNum");
    var currentBuyDiv = $(btn).parent().parent().parent().parent().parent()
        .parent();
    var optionId = $(btn).parent().parent().attr("optionId");
    useCapNum = capNum;
    if ($(btn).attr("checked") != "checked") {
        capNum = 0;
    }
    setCapNum(currentBuyDiv, capNum, optionId);
}

// 点击购买弹出
function buyShow(item) {
    if ($(item).find(".buy").css("bottom") == "-300px") {
        currentItem = item;
        var count = $(item).find(".buy").attr("itemCount");
        initItemSize(item, count);
        $(".prizeItem").css("background-color", "#103770");
        $(item).css("background-color", "#2473bb");
        $(item).find(".buy").animate({
            bottom: '0px'
        });
        // 设置默认第一条商品选中
        var items = $(item).find(".item");
        changeMoney_item(items[0]);
        // changeMoney_radio($(rads[0]));
        // $(rads[0]).attr("checked","checked");
        $(".mask").show();
    }

}
// 购买弹出层关闭
function buyHidden() {
    if ($(currentItem).find(".buy").css("bottom") == "0px") {
        // alert("关闭");
        $(this).css("background-color", "#2473bb");
        $(".buy").animate({
            bottom: '-300px'
        });
        $(".useCapNum").html("0");
        $(".rad").removeAttr("checked");
        $(".mask").hide();
        $(".edit > select").val("1倍");
    }
}
/* 设置每个奖项的宽度 */
function initItemSize(item, count) {
    var item2 = $(item).find(".buy>.rewards > div >.item");
    $(item2).css("width", screenWidth / 3);
    var itemWidth = $(item2).width();
    var divWidth = parseInt(itemWidth) * count;
    $(item).find(".buy>.rewards > div").css("width", divWidth + "px");
}

// 点击的时候设置当前使用的金额
function setCapNum(currentBuyDiv, capNum, optionId) {
    $(currentBuyDiv).find(".useCapNum").html(capNum);
    $(currentBuyDiv).find(".prices").val(capNum);
    if (optionId != null) {
        $(currentBuyDiv).find(".option_id").val(optionId);
    }
}
// 点击购买
function buySubmit(btn) {
    var form = $(btn).parent().parent().parent();
    // alert($(form).html());
    // 表单提交处理
    var href = $(form).attr("action");
    var data = $(form).serialize();
    var price = $(form).find(".prices").val();
    // alert(data);
    $.post(href, data, function (resp) {
        var r = JSON.parse(resp);
        buyHidden();
        myAlertShow();
        updateAlertInfo(r.msg, r.status, price);
    });
}
// 根据返回结果更新显示内容
function updateAlertInfo(title, status, price) {
    var basePath = $(".basePath").val();
    if (status == 0 || status == "0") {
        // alert("失败");
        $(".myAlert > img").attr("src", "images/no.png");
        $(".myAlert > .bottom > .left >a").html("取消");
        $(".myAlert > .bottom > .right >a").html("确定");

        $(".myAlert > .bottom > .right > a").attr("href", "");
        $(".myAlert > .title").html(title);

    } else {
        // alert("成功");
        $(".myAlert > .bottom > .left>a").html("继续投注");
        $(".myAlert > .bottom > .right>a").html("查看详情");
        $(".myAlert > img").attr("src", "images/yes.png");

        var href = basePath + "/h5_detail.do?order_id=" + title;
        $(".myAlert > .bottom > .right > a").attr("href", href);
        $(".myAlert > .title").html("购买成功");
        //更改我的猫币
        $(".myMoney").html(parseInt($(".myMoney").html()) - price);
    }

}

// 弹出返回结果的视图
function myAlertShow() {
    $(".myAlert").show();
    $(".mask").show();
}
// 隐藏返回结果的视图
function myAlerthide() {
    $(".myAlert").hide();
    $(".mask").hide();
}
// 显示活动规则
function showRule() {
    $("#ruleAlert").show();
    $(".mask").show();
}
// 隐藏活动规则
function hideRule() {
    $(".rule_alert").hide();
    $(".mask").hide();
}
